*{
	padding: 0;
	margin: 0;
}
body{
	height: 100vh;
	background: linear-gradient(180deg,#5d68ff,#040d76);
	text-align: center;
}
#main{
	margin: 120px auto;
	height: 200px;
	width: 200px;
	background: #00bad4;
	border-radius: 50%;
	position: relative;
	
}
#main:before{
	content: "";
	position: absolute;
	top: -13px;
	left: -13px;
	height: 220px;
	width: 220px;
	border:3px solid #06a0d4;
	border-radius: 50%;
}
#wave{
	position: absolute;
	top: 0px;
	left: 0;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	overflow: hidden;
}
#wave:before{
	content: "liangcheng";
	position: absolute;
	color: #00bad4;
	top: 20px;
	left: 60px;
	z-index: 1;
}
#wave:after{
	content: "";
	background: #c9f1f6;
	opacity: 0.8;
	height: 250px;
	width: 250px;
	border-radius: 35%;
	position: absolute;
	top: -130px;
	left: -30px;
	transform: rotate(23deeg);
	animation: wave 4s infinite;
}
@keyframes wave{
	0%{
		transform: rotate(23deeg);
	}
	0%{
		transform: rotate(383deg);
	}
}